<template>
    <div>
        数据总览
        自定义指令test
        <div ref="test" v-color v-size>test</div>
    </div>
</template>

<script setup lang="ts">
import {ref,Directive} from 'vue'
const testRef=ref('test')
// console.log(testRef,'testRef');
// 自定义局部指令
const vSize = {
  // 在绑定元素的 attribute 前
  // 或事件监听器应用前调用
  created(el) {
    // console.log(el);
    
    el.style.fontSize='20px'
  },
  // 在元素被插入到 DOM 前调用
  beforeMount() {},
  // 在绑定元素的父组件
  // 及他自己的所有子节点都挂载完成后调用
  mounted() {},
  // 绑定元素的父组件更新前调用
  beforeUpdate() {},
  // 在绑定元素的父组件
  // 及他自己的所有子节点都更新后调用
  updated() {},
  // 绑定元素的父组件卸载前调用
  beforeUnmount() {},
  // 绑定元素的父组件卸载后调用
  unmounted() {},
};

</script>

<style scoped>

</style>